<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>凯盛项目管理系统</title>
	<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="static/css/daohang.css" type="text/css" />
	<link rel="stylesheet" href="static/css/style.css" type="text/css" />
	<style type="text/css">
		
		body{
			background-image:url("static/img/bg_main.jpg");
		}
		.content{float:right;position:relative;overflow:hidden;}
		.content .shadow{margin-top:20px;position:absolute;}
		.menu{positive:absolute;text-align:center}
		.content .back{margin:auto 10px;-moz-transition-duration:2s;-o-transition-duration:2s;-webkit-transition-duration:2s;background-color:#EED8AE;border-radius:5px;height:0px;}
		.content:hover div.back{margin:auto 10px; width:200px; height:auto;text-align:center}
		.record{text-align:right}
		
		
	</style>
</head>
<body class="body">
	
	<%@ include file="include/top2.jsp" %>
	<jsp:include page="include/top.jsp">
		<jsp:param value="contact" name="tag"/>
	</jsp:include>
	
	
	<div class="container">
	  <div class="row">
		<div class="span9">
				<ul class="breadcrumb" style="margin-bottom:0px;border-radius: 3px 3px 0 0">
					<li class="active">
						<a href="task.html"><i class="icon-user"></i>联系人</a>
					</li>
				</ul>
				<br />
				<div class="row">
				
					<div class="span3">
						
						<a href="contact.jspx?m=add" class="btn span2 btn-success"><i class="icon-plus icon-while"></i>添加联系人</a><br />
						<div class="clear"></div>
							<c:forEach items="${con }" var= "p">
								<ul class="unstyled" style="margin-top:15px">
									<li style="line-height:30px">
										<i class="icon-list-alt"></i><a href="contact.jspx?m=show&id=${p.id}" id="btn">${p.name }</a>
								</ul>
							</c:forEach>
						</div>
						
					
					<c:if test="${param.id eq null || param.id eq ' ' }">
						<div class="span5" style="min-height:400px;border-left:1px solid #ccc;padding-left:15px">
							<address>
								<h3>${p.name}</h3>
								<p>焦作凯盛信息技术有限公司</p>
								<small>手机</small> ${c.phone }<br/>
								<small>固话</small>${c.tel }<br/><br/>
								<small>邮箱</small>${c.email }<br/>
								<small>地址</small> ${c.address }<br/><br/>
								<small>主页</small> <a href="http://www.kaishengit.com">c.home</a><br/>
								<small>微博</small> <a href="https://twitter.com/fankay">c.weibo</a><br/>
							</address>
							<div class="line"><h4>记录</h4></div>
								<c:forEach items="${c.comment}" var="d" begin="0" end="1">
									<blockquote>
									${d.message }
										<small>${d.user.userName} 发布于 &nbsp; ${d.time }</small>
									</blockquote>
								</c:forEach>
							<div class="content">
					
								<div class="menu">查看所有记录<div class="sub"></div></div>
										<div class="back">
										记录
										<form action="contact.jspx?m=record&id=${c.id }">
											<textarea name="record"  cols="24" rows="3"></textarea>
											<input type="button" value="发布"  class="record" />
										</form>
										
									
								<c:forEach items="d">
									<blockquote>
									${d.message }
										<small>${d.user.userName} 发布于 &nbsp; ${d.time }</small>
									</blockquote>
								</c:forEach>
							</div>
							<div class="shadow"></div>
								</div>
							<br/><br/><br/>
							<a class="btn btn-primary" href="contact.jspx?m=eidt&id=${c.id}"><i class="icon-pencil icon-white"></i>编辑</a>
							<a class="btn btn-danger" href="contact.jspx?m=del&id=${c.id}"><i class="icon-trash icon-white"></i>删除</a>
								
							</div>
					</c:if>
				</div>
			</div>	
	  </div>
	</div>
	
	<script type="text/javascript" src="static/js/jquery.js"></script>
	<script type="text/javascript" src="static/js/jqueryui.js"></script>
	<script type="text/javascript" src="static/js/jquery.illuminate.0.7.min.js"></script>
	
	
	<script type="text/javascript">
		$(document).ready(function(){
				
			$('#button').illuminate({
				'intensity': '0.5',
				'color': '#2c2c2c'
			});
				
		});
			
	</script>
	
</body>
</html>